import React from 'react'
import "./style.scss"
import {Button,Dialog,} from "antd-mobile"
// 24、点击顶部的签到，跳转到签到页面 11：00
// 25、正确显示当月的日期，且当前日期被选中状态  12：09
// 26、实现签到功能 12：09
// 27、签到成功后，友好信息提示  12：08

function index() {
    const days=[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30]
    const dates=new Date().toString()
    const tapDay=()=>{
        Dialog.alert({
            content: '签到成功',
            closeOnMaskClick: true,
        })
    }
    return (
        <div className='tapWrap'>
            <header><h1>签到</h1></header>
            <p>{dates}</p>
            <div className="dayWrap">
                {
                    days.map((v,i)=>{
                        return(
                            <span key={i} className={i===2?'active':''}>{v}</span>
                        )
                    })
                }
            </div>
            <Button block color='primary' size='large' onClick={()=>tapDay()}>签到</Button>
        </div>
    )
}

export default index
